<template>
    <div>
        <Topbar class="top">二手房交易新规...</Topbar>
        <div class="main">
            <h3>二手房交易新规今起执行！附限购、贷款、税费、落户政策大全</h3>
            <span>日期：2017/08/07 17:02:34  来源：365淘房</span>
            <h3>今天起，南京主城二手房买卖办理更便捷！</h3>
            <h3>①主城六区全面实行存量房买卖转移登记与抵押权登记合并办理</h3>
            <div>
                一、自2017年8月7日起（以合同签订时间为准），我市主城六区（玄武、秦淮、建邺、鼓楼、栖霞和雨花台区）存量房（二手房）买卖且买方申请住房贷款的，当事人在申请转移登记时应一并提交相关抵押权登记申请材料，不动产登记机构不再单独受理转移登记或抵押权登记。
            </div>
            <h3>二、申请存量房（二手房）买卖转移登记与抵押权登记合并办理之前，买卖双方需完成以下事项：</h3>
            <p> 1、网签（不需网签的除外）；</p>
            <p>2、银行贷款审批（签署借款合同、抵押合同等）；</p>
            <p>3、房产交易备案；</p>
            <p>4、完税。</p>
            <h3>
                三、存量房（二手房）买卖转移登记与抵押权登记合并办理的申请材料、办理时限、办理地点等事项，可在南京市不动产登记网（http://bdcdj.njgt.gov.cn）或“南京不动产”微信公众号“办事指南”栏目中查询，也可拨打电话025-83198500咨询。
            </h3>

            <!--优惠楼盘-->
            <div class="lhlp">
                <div class="lhlp-top">
                        <span class="fa fa-gg-circle color3">优惠楼盘</span>
                        <span class="color1">更多</span>
                </div>
                <div class="tuijian">
                    <div class="tuijian-inner">楼盘推荐</div>
                    <div class="loupantuijain">
                        <div v-for="h in houselist" @click="refsh">
                            <router-link :to="'/houseinfo/'+h._id">
                                <div class="housemenu">
                                    <div><img :src="h.img" class="pic"></div>
                                    <div class="msg1">
                                        <p class="text2">{{h.price}}</p>
                                        <p class="text">{{h.title}}</p>
                                        <p  class="text1">{{h.jieshao}}</p>
                                    </div>
                                </div>
                            </router-link>
                        </div>
                    </div>
                </div>
            </div>


            <!--推荐资讯-->
            <div>
                <div>
                    <span class="fa fa-th-large color3">推荐资讯</span>
                </div>
                <div v-for="s in secondpic" class="zixun">
                    <img :src="s.img" class="pic">
                    <span>{{s.msg}}</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import Topbar from '../components/Topbar.vue'
import {mapState} from 'vuex'
import axios from 'axios'
    export default{
        data:function(){
            return {
                houselist:[]
            }
        },
        components:{
            Topbar,
        },
        computed:{
            ...mapState([
                "secondpic"
            ])
        },
        mounted:function(){
            this.http.get("/house",{
                    params:{type:"二手房"}
                })
                .then(res=>{
                    // console.dir(res.data.data);
                    this.houselist = res.data.data;
                })
        },
        methods:{
            refsh:function(){
                location.reload();
            },
        }
    }
</script>

<style scoped>
.main{
    padding:4px;
    margin-top:44px;
    height: 100vh;
    overflow-y: scroll;
}
.top{
    position: fixed;
    top:0;
    width: 100%;
}
.color{
    color: red
}
.color1{
    color: #999999;
}

.lhlp-top{
    display: flex;
    justify-content: space-between;
     border-bottom: 1px solid #999999;
     padding-bottom:8px; 
}
.zixun{
    display: flex;
    padding: 8px;
}
.zixun span{
    padding-left: 4px;
    font-size: 12px;
    color: #999999;
}
.pic{
    width: 80px;
    height: 80px;
}
.color3{
    color: #f1553e;
    padding: 8px;
}
.tuijian{
    margin-top: 10px;
}
.tuijian-inner{
    padding: 8px;
    border-bottom: 1px  solid #eeeeee;
}
a{
    text-decoration: none;
}
.housemenu{
    display: flex;
    padding: 8px 10px;
    border-bottom: 1px  solid #eeeeee;
}
.housemenu p{
    margin: 0;
}
.msg1{
    margin-left: 10px;
}
.pic{
    width: 100px;
    height: 75px;
}
.text{
    color: #666666;
    font-size: 12px;
}
.text1{
    color: #f50;
    font-size: 12px;
}
.text2{
    font-size: 14px;
}
</style>